<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script src="../jquery/jquery.min.js"></script>
    <link rel="stylesheet" href="../stylesheets/index.min.css">
    <link rel="stylesheet" href="../bootstrap/css/bootstrap.min.css">
    <link rel="stylesheet" href="../font-awesome/css/font-awesome.min.css">
    <script src="../bootstrap/js/bootstrap.min.js"></script>


</head>

<body>
    <p id="head"><span>学生管理系统</span>
        <span style="display: none;" class="none">注销</span>
        <span id="register-btn">登录</span><span class="fa fa-sign-in"></span>

        <span id="login-btn">注册</span><span class="fa fa-user"></span></p>
    <!-- 主体 -->

    <div id="content">
        <!-- 导航业 -->
        <!-- 登录 -->
        <div id="dark">

        </div>

        <div class="motai" id="register">
            <p><span>登录</span><a id="close-reg">X</a></p>
            <p><span class="black-weight">账号</span><input id="login-user" type="text" placeholder="请输入账号"></p>
            <p><span class="black-weight">密码</span><input id="login-pass" type="text" placeholder="请输入密码"></p>
            <p><input type="text" placeholder="请输入验证码"> <span>a8nd</span></p>
            <button class="blue-btn" id="send-login">登录</button>
        </div>
        <!-- 注册 -->

        <div class="motai" id="login">
            <p><span>注册</span><a id="close-login">X</a></p>
            <p><span class="black-weight">账号</span><input id="re-user" type="text" placeholder="请输入账号"></p>
            <p><span class="black-weight">密码</span><input id="re-pass" type="text" placeholder="请输入密码"></p>
            <p><input type="text" placeholder="请输入验证码"> <span>a8nd</span></p>
            <button class="blue-btn" id="login-blue">注册</button>
        </div>

        <div id="left-box">
            <ul>
                <li id="class">班级管理</li>
                <li id="xuesheng">学生管理</li>
                <li id="jiaoshi">教师管理</li>
                <li id="kecheng">课程管理</li>
                <li id="chengji">成绩管理</li>
            </ul>
        </div>
        <div id="right">
            <div class="right-box class" id="box1">
                <input type="text" id="box1-input">
                <button type="button" id="box1-success" class="btn btn-success">新增</button>
                <table>
                    <thead>
                        <th>编号</th>
                        <th>名称</th>
                        <th>编号</th>
                    </thead>
                    <tbody id="classtbody">
                        <!-- <tr>
                            <td>1</td>
                            <td>web18</td>
                            <td><button class="but-red delate">删除</button><button class="but-blue">修改</button></td>
                        </tr>
                        <tr>
                            <td>2</td>
                            <td>web19</td>
                            <td><button class="but-red delate">删除</button><button class="but-blue">修改</button></td>
                        </tr>
                        <tr>
                            <td>3</td>
                            <td>web20</td>
                            <td><button class="but-red delate">删除</button><button class="but-blue">修改</button></td>
                        </tr> -->
                    </tbody>
                </table>
            </div>
            <div class="right-box kecheng" id="box2">
                名称<input id="course-name" type="text">
                课时<input id="course-hour" type="text">
                学分<input id="course-some" type="text">
                <button type="button" class="btn btn-success">新增</button>
                <table>
                    <thead>
                        <th>编号</th>
                        <th>名称</th>
                        <th>课时</th>
                        <th>学分</th>
                        <th>操作</th>
                    </thead>
                    <tbody id="coursetbody">
                        <tr>
                            <td>1</td>
                            <td>HTML</td>
                            <td><button class="but-red">删除</button><button class="but-blue">提交</button></td>
                        </tr>
                        <tr>
                            <td>2</td>
                            <td>CSS</td>
                            <td><button class="but-red">删除</button><button class="but-blue">提交</button></td>
                        </tr>
                        <tr>
                            <td>3</td>
                            <td>JavasCript</td>
                            <td><button class="but-red">删除</button><button class="but-blue">提交</button></td>
                        </tr>
                    </tbody>
                </table>
            </div>
            <div class="right-box chengji" id="box3">
                <button type="button" class="btn btn-success">新增</button>
                <table>
                    <thead>
                        <th>编号</th>
                        <th>学生姓名</th>
                        <th>课程名称</th>
                        <th>分数</th>
                        <th>操作</th>
                    </thead>
                    <tbody>
                        <tr>
                            <td>1</td>
                            <td>张三</td>
                            <td>HTML</td>
                            <td>80</td>
                            <td><button class="but-red">删除</button><button class="but-blue">提交</button></td>
                        </tr>
                        <tr>
                            <td>2</td>
                            <td>李四</td>
                            <td>CSS</td>
                            <td>90</td>
                            <td><button class="but-red">删除</button><button class="but-blue">提交</button></td>
                        </tr>

                    </tbody>
                </table>
            </div>
            <div class="right-box xuesheng" id="box4">
                <tbody>
                
                    <tr>
                        <td>姓名<input id="add-studentname" type="text"></td>
                        <td>年龄<input id="add-studentage" type="text"></td>
                        <td>手机号<input id="add-studentphone" type="text"></td>
                        <td>班级<input id="add-studentclass" type="text"></td>
                    </tr>
                </tbody>
                <button type="button" id="box4-btn" class="btn btn-success">新增</button>
                <table>
                    <thead>
                        <th>编号</th>
                        <th>姓名</th>
                        <th>年龄</th>
                        <th>手机号</th>
                        <th>班级</th>
                        <th>操作</th>
                    </thead>
                    <tbody id="studenttbody">
                        <!-- <tr>
                            <td>1</td>
                            <td>张三</td>
                            <td>18</td>
                            <td>13443443737</td>
                            <td><select name="" id="">
                                    <option>-java80-</option>
                                    <option>-java81-</option>
                                </select></td>
                            <td><button class="but-red">删除</button><button class="but-blue">提交</button></td>
                        </tr>
                        <tr>
                            <td>2</td>
                            <td>李四</td>
                            <td>20</td>
                            <td>13443443737</td>
                            <td><select name="" id="">
                                    <option>-java80-</option>
                                    <option>-java81-</option>
                                </select></td>
                            <td><button class="but-red">删除</button><button class="but-blue">提交</button></td>
                        </tr> -->

                    </tbody>

                </table>
            </div>
            <div class="right-box jiaoshi" id="box5"><input type="text" id="teacherinput">
                <button type="button" class="btn btn-success" id="teacheradd-btn">新增</button>
                <table>
                    <thead>
                        <th>编号</th>
                        <th>姓名</th>
                        <th>操作</th>
                    </thead>
                    <tbody id="teachertbody">
                        <tr>
                            <td>1</td>
                            <td>张瑞</td>
                            <td><button class="but-red">删除</button><button class="but-blue">提交</button></td>
                        </tr>
                        <tr>
                            <td>2</td>
                            <td>邓乃文</td>
                            <td><button class="but-red">删除</button><button class="but-blue">提交</button></td>
                        </tr>
                        <tr>
                            <td>3</td>
                            <td>江岚</td>
                            <td><button class="but-red">删除</button><button class="but-blue">提交</button></td>
                        </tr>
                        <tr>
                            <td>4</td>
                            <td>徐超波</td>
                            <td><button class="but-red">删除</button><button class="but-blue">提交</button></td>
                        </tr>
                        <tr>
                            <td>5</td>
                            <td>张饶</td>
                            <td><button class="but-red">删除</button><button class="but-blue">提交</button></td>
                        </tr>

                    </tbody>
                </table>
            </div>
        </div>

    </div>
    <script src="../javascripts/index.js"></script>
    <script src="../javascripts/class.js"></script>
    <script src="../javascripts/student.js"></script>
    <script src="../javascripts/teacher.js"></script>
    <script src="../javascripts/course.js"></script>
</body>

</html>